<!DOCTYPE html>
<html lang="zh-CH">
<head>
<meta charset="utf-8" />
<title>美站库 炫美网站大全</title>
<link rel="stylesheet" type="text/css" href="images/index.css" />
</head>
<body>
<div id="header">
    <div id="top" class="auto">
	    <div class="logo">
            <h1>
			    <img src="images/logo.png" />
				<span>炫美网站大全</span>
		    </h1>
		</div>
		<div class="serach">
		<form action="search.html" target="_blank">
		    <input class="text" type="text" />
			<input class="submit"  type="button" value="搜索" onclick="javascript:location.href='search.html'"/>
		</form>
		</div>
	</div>
	<div id="nav" class="auto">
	    <ul>
		    <li><a href="#">首页</a></li>
			<li><a href="#">提交站点</a></li>
		</ul>
	</div>
	<div id="runplay" class="auto">
        <div class="left">
		     <a href="#"><img src="images/img1.jpg" /></a>
	    </div>
		<div class="right">
		     <dl>
			    <dt>炫美网站，尽在美站库</dt>
				<dd class="txt">本网站收集互联网上各种炫美网站......</dd>
				<dd class="bth">
				    <a href="#">查看更多</a>
				</dd>
			</dl>
		</div>
	</div>
</div>
<div id="main">
    <div id="main1">
        <div id="wrap">
		<div id="leftBody">
		    <div class="leftDiv1">
			    <h2>美站库</h2>
				<p>美站库是<a href="http://www.sifangku.com" target="_blank">私房库</a>视频html课程中的第一个项目实战课！</p>
			</div>
			<div class="leftDiv2">
			    <h2>炫美站点</h2>
				<ul>
				    <li>
                        <a href="#"> <img src="images/image_04.jpg" /></a>
						<p>professional</p>
                    </li>
					<li>
                        <a href="#"> <img src="images/image_04.jpg" /></a>
						<p>professional</p>
                    </li>
					<li>
                        <a href="#"> <img src="images/image_04.jpg" /></a>
						<p>professional</p>
                    </li>
					<li>
                        <a href="#"> <img src="images/image_04.jpg" /></a>
						<p>professional</p>
                    </li>
					<li>
                        <a href="#"> <img src="images/image_04.jpg" /></a>
						<p>professional</p>
                    </li>
                </ul>
            </div>
			<div class="leftDiv3">
			    <a href="#">查看更多</a>
			</div>
        </div>
		<div id="rightBody">
		    <div class="rightDiv1">
			    <h2>酷文</h2>
				<ul>
				    <li>
					    <h3><a href="#" target=" _blank">随便写点什么</a></h3>
						<p>随便写随便写随便写随便写随便写随便写随便写...</p>
					</li>
					<li>
					    <h3><a href="#" target=" _blank">随便写点什么</a></h3>
						<p>随便写随便写随便写随便写随便写随便写随便写...</p>
					</li>
					<li>
					    <h3><a href="#" target=" _blank">随便写点什么</a></h3>
						<p>随便写随便写随便写随便写随便写随便写随便写...</p>
					</li>
				</ul>
	        </div>
			<div class="rightDiv2">
			    <dl class="dl1">
				    <dt><a href="#">随便写点</a></dt>
					<dd>随便写点</dd>
				</dl>
				<dl class="dl2">
				   <dt><a href="#">随便写点</a></dt>
					<dd>随便写点</dd>
				</dl>
	        </div>
		</div>
	</div>
	</div>
</div>
<div id="footer">
    <p class="p1">
	    <a href="#" target="_blank">首页</a>
		<a href="#" target="_blank">美站</a>
		<a href="#" target="_blank">酷文</a>
		<a class="last" href="#" target="_blank">联系我们</a>
	</p>	
	<p>
	    Copyright (c) 2014 | <a href="http;//www.sifangku.com" target="_blank">私房库</a>
	</p>
</div>
</body>
</html>


